<template>
  <div class="home">
    <div class="tabend">
      <div class="title">现场情况:</div>
      <div class="icon-box">
        <div class="item" @click="$router.push({path:'/addProblem'})">
          <img src="../../../assets/img/question.png" alt />
          <div>问题反馈</div>
        </div>
        <div class="item" @click="$router.push({path:'/inspection'})">
          <img src="../../../assets/img/yijian.png" alt />
          <div>巡视意见</div>
        </div>
        <div class="item" @click="$router.push({path:'/projectEvaluation'})">
          <img src="../../../assets/img/zoping.png" alt />
          <div>项目总评</div>
        </div>
        <div class="item">
          <img src="../../../assets/img/eq.png" alt />
          <div>设备巡检</div>
        </div>
        <div class="item" @click="$router.push({path:'/projectProgress'})">
          <img src="../../../assets/img/zoping.png" alt />
          <div>项目进度</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props: {},
  data() {
    return {};
  },
  components: {},
  created() {},
  methods: {},
};
</script>
<style lang="less" scoped>
.tabend {
  background: #fff;
  padding:30px 20px;
  .icon-box {
    display: flex;
    flex-wrap: wrap;
    .item {
      margin-top:20px;
      text-align: center;
      margin-right: 20px;
      cursor: pointer;
      margin-right: 50px;
      img {
        width: 60px;
        height: 60px;
        display: inline-block;
        margin-bottom: 10px;
      }
    }
  }
}
</style>